<template><v-overlay v-model="modalStore.show">
    <div class="h100vh w100vw flex flex-items-center justify-center">
        <v-card class=" pa-5">
            <v-card-title>{{ modalStore.title }}</v-card-title>
            <v-card-text>
                <div class="w15vw  max-h50vh overflow-auto">
                    {{ modalStore.content }}
                </div>
            </v-card-text>
            <v-row>
                <v-col cols="6">
                    <v-btn block color="primary" @click="modalStore.close('confirm')">确定</v-btn>
                </v-col>
                <v-col cols="6">
                    <v-btn block color="error" @click="modalStore.close('cancel')">取消</v-btn>
                </v-col>
            </v-row>
        </v-card>
    </div>
</v-overlay></template>
<script setup>
const modalStore = useModalStore()

</script>